<html>
    <head>
        <title>Pocket Sales</title>
        <link href="style2.css" rel="stylesheet" type="text/css" media="screen" />
    </head>
    <body onload="updateClock(); setInterval('updateClock()', 1000 )">

    	<div id='bk'>
        <div id="logo">
            
       
        <div id='info' name='info'>
        	
            <form onsubmit="handleSubmit(); return false;">
                
                <div class='info-section'>
                	<span style="font-size:20px">TODAY</span>
                   <div id='todaydate'></div>
                </div>
				 <div class='info-section2'>
                    <span id="clock">&nbsp;</span>

                </div>
				<div class='search'></div>
				
				<div class='info-section4' >
                  SALES  <div style='text-align:right;width:140px;display:inline-block;font-size:15px;'><a href='sales.html'><img src='images/button_plus.png' width='14' /></a></div>
				  <div style='font-size:11px;text-indent:10px;display:inline-block; width:50px;'>Sales:</div><div id='sales' style='font-size:11px;text-align:right;width:120px;display:inline-block;font-size:12px;'>$0.00</div>
				  <div style='font-size:11px;text-indent:10px;display:inline-block;width:50px;'>Cash:</div><div id='cash' style='font-size:11px;text-align:right;width:120px;display:inline-block;font-size:12px;'>$0.00</div>
				  <div style='font-size:11px;text-indent:10px;display:inline-block;width:50px;'>Account:</div><div id='account' style='font-size:11px;text-align:right;width:120px;display:inline-block;font-size:12px;'>$0.00</div>
                </div>
				 <div class='info-section4' style='top:130px'>
                   CUSTOMERS  <div style='text-align:right;width:100px;display:inline-block;font-size:15px;'><a href='customerpie_bu.html?id=new'><img src='images/button_plus.png' width='14' /></a> </div>
				   <div style='text-indent:10px;display:inline-block; width:150px; margin-top:5px;' ><input type='text' style='width:100px;' /><a href='customerpie_bu.html?id=0&search='>
				   	<img src='images/zoom1.png' width='20' height='20' style='vertical-align: baseline;'></a></div>
	            </div>
				 <div class='info-section4' style='top:190px'>
                   PRODUCTS  <div style='text-align:right;width:110px;display:inline-block;font-size:15px;'><img src='images/button_plus.png' width='14' /></div>
				   <div style='text-indent:10px;display:inline-block; width:150px; margin-top:5px;' ><input type='text' style='width:100px;' /><a href='customerpie_bu.html?id=0&search='>
				   	<img src='images/zoom1.png' width='20' height='20' style='vertical-align: baseline;'></a></div>
	            </div>
				 <div class='info-section4' style='top:250px'>
                   REPORTS  <div style='text-align:right;width:110px;display:inline-block;font-size:15px;'></div>
	            </div>
                <div class='info-section4' style='top:280px'>
                   HISTORY  <div style='text-align:right;width:110px;display:inline-block;font-size:15px;'></div>
	            </div>
                
				
				
                <!--
				
				 <a href='customerpie_bu.html'>Customer</a>               <div class='field'>
                    <a href='productpie.html'>Products</a>
                </div>
                <div class='field'>
                    <a href='productTypes.html'>Products Types</a>
                </div>
                  <div class='field'>
                    <a href='sales.html'>Sales</a>
                </div>
				 <div class='field'>
                    <a href='salehistory.html'>Sale History</a>
                </div>
                  <div class='field'>
                    <a href='reports.html'>Sales Summary</a>
                </div>
				<div class='field'>
                    <a href='reports.html?id=aging'>Overdue Accounts</a>
                </div>
				  <div class='field'>
                    <a href='systemoptions.html'>Tools and Options</a>
                </div>
				-->
            </form>
        </div>
		 </div>
        <!-- ====================================== -->
      </div>
	  <form name="Tick">
<input type="text" size="11" name="Clock2" />
</form>
<script>
<!--
/*By George Chiang (WA's JavaScript tutorial)

Credit must stay intact for use*/
function show(){
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM" 
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
document.Tick.Clock2.value=hours+":"+minutes+":"
+seconds+" "+dn
setTimeout("show()",1000)
}
show()
//-->
</script>

                      <script type="text/javascript" src="gears_init.js">
        </script>    
	  <script type="text/javascript" src="scripts.js">
        </script>
		       <script type="text/javascript" src="dashboard.js">
        </script>
	  <script>
	  	<!--
		
	  	
	  	document.all('todaydate').innerHTML = ' &nbsp; ' + WeekDay(currentDate.getDay()) 
			+ ' '+ StandardDate(currentDate) ;//+ ' ' + currentDate.getTime();
		
			//document.all('sales').innerHTML = '$'+
			
				
			function updateClock ( )
{
  var currentTime = new Date ( );

  var currentHours = currentTime.getHours ( );
  var currentMinutes = currentTime.getMinutes ( );
  var currentSeconds = currentTime.getSeconds ( );

  // Pad the minutes and seconds with leading zeros, if required
  currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
  currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;

  // Choose either "AM" or "PM" as appropriate
  var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";

  // Convert the hours component to 12-hour format if needed
  currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;

  // Convert an hours component of "0" to "12"
  currentHours = ( currentHours == 0 ) ? 12 : currentHours;

  // Compose the string for display
  var currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;

  // Update the time display
  document.getElementById("clock").firstChild.nodeValue = currentTimeString;
}


	  //-->
	  	</script>
    </body>
</html>
